<!DOCTYPE html>
<html>

  <!-- 页面头部 -->
  <head>
    <!-- 加载头部模板文件 -->
    <?php get_header();?>

  </head>
  
  <!-- 页面主体部分 -->
  <body>
    
    <!-- 页面主框架 -->
    <div id="page-body">

      <!-- 侧边栏列 -->
      <div id="sidebar">
        <?php get_sidebar();?>
      </div>

      <!-- 文章列 -->
      <div id="main">
          
        <!-- 在非首页时显示的提示标题 -->
        <?php if ( is_month() ) : ?>
            <h3 class="list-title"> <?php printf('时间 » %s', get_the_time('Y年F月')); ?></h3>
        <?php elseif ( is_year() ) : ?>
            <h3 class="list-title"> <?php printf('时间 » %s', get_the_time('Y年')); ?></h3>
        <?php elseif ( is_category() ) : ?>
            <h3 class="list-title"> <?php printf('分类 » %s',single_cat_title('',false)); ?></h3>
        <?php elseif ( is_tag() ) : ?>
            <h3 class="list-title"> <?php printf('标签 » %s',single_tag_title('',false)); ?></h3>
        <?php endif; ?>
        <?php if(is_search()){echo "<h3 class=\"list-title\">搜索结果 » ";the_search_query();echo"</h3>";} ?>


        <!-- 主循环 -->
        <?php if(have_posts()) : ?>
          <?php while(have_posts()):?>
            <?php the_post(); ?>
            
            <!-- 文章主题 -->
            <div class="post_body" >
            
              <!-- 文章链接 -->
              <a href="<?php the_permalink(); ?>" title="查看文章: <?php the_title(); ?>">
                <h2><?php the_title(); ?></h2>
              </a>
              
              <!-- 阅读余下内容按钮 -->
              <div>  
                <?php 
                  the_content('<button class="but" >阅读余下内容 »</button><br/><br/>','',''); 
                  //echo mb_strimwidth(strip_tags(apply_filters('the_content',$post->post_content)), 0, 200,'…');
                ?>
              </div>
              
              <!-- 文章信息 -->
              <div class="log-list-info">

                <span title="编辑文章">
                  <?php edit_post_link('编辑','','&nbsp;--&nbsp;'); ?>
                </span>

                <span title="作者">
                  作者:
                  <?php the_author(','); ?>
                </span>

                <span title="日期">
                  &nbsp;&nbsp;日期:
                  <?php the_time('20y年m月d日') ?> 
                </span>

                <span class="catet">
                  &nbsp;&nbsp;分类:
                  <?php $category = get_the_category(); echo '<a href="'.get_category_link($category[0]->term_id ).'"><span class="fui-list"></span> '.$category[0]->cat_name.'</a>';?>
                </span>

                <span>
                  &nbsp;&nbsp;评论:
                  <?php comments_popup_link('<span class="fui-chat"></span> 没有评论 »','<span class="fui-chat"></span> 1 评论 »', '<span class="fui-chat"></span> % 评论 »'); ?>
                </span>

              </div>
              
            </div>
            
          <?php endwhile; ?>
          
          
          
          <!-- 显示翻页按钮 -->
          <span id="page-num">
          <?php 
            posts_nav_link("<br/>","<button class=\"btn btn-primary\">«上一页</button>","<button class=\"btn btn-primary\">下一页»</button>"); 
          ?>
          </span>
          
          
 	      <?php else : ?>
 	        
 	        <!-- 显示错误信息 -->
          <div>
            <h1>对不起，无法找到您想要查看的内容!</h1>
            
            <div style="max-width: 400px;">
              <form role="search" method="get" action="<?php bloginfo('url'); ?>" style="padding:0 0 0 0;width:100%;">
                <div style="clear: both;"></div>
                <input class="form-control" type="text" placeholder="Search" name="s" style="float:left;width:77%;height: 38px;" />
                <input class="btn btn-default btn-primary" type="submit" value="搜索" style="float:right;width:20%;height: 38px;padding: 10px 0 10px 0;" />
                <div style="clear: both;"></div>
              </form>
            </div>
          </div>
        
        <!-- 主循环 结束 -->
        <?php endif; ?>
        
      <!-- 文章列 结束 -->
      </div>
      
      <div style="clear:both;width 100%"></div>

      <!-- 将进度条加载到60% -->
      <script type="text/javascript">
        jQuery("#loading").animate({width:"70%"},500);
      </script>


      
    
    <!-- 页面主框架 结束 -->
    </div>
    
    <!-- 加载页面底部 -->
    <?php get_footer();?>
    
  </body>
</html>

